.mr-detail-file-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  &-left {
    padding-right: 20px;
    display: flex;
    align-items: center;
    &.split {
      max-width: 678px;
    }
    &.unified {
      max-width: 800px;
    }
    .next-color-tag {
      margin: 0;
    }
  }
  &-right {
    min-width: 120px;
    display: flex;
    align-items: center;
    flex: none;
    justify-content: flex-end;
    &-line {
      width: 1px;
      height: 20px;
      display: inline-block;
      background: $gray-03;
      margin-left: 16px;
    }
  }
  .text-primary {
    line-height: 20px;
    font-size: 12px;
    color: #3da8f5;
  }
  .add-num {
    text-align: left;
    line-height: 20px;
    font-size: 12px;
    color: #5dc670;
    letter-spacing: 0;
    margin-right: 16px;
  }
  .delete-num {
    text-align: left;
    line-height: 20px;
    font-size: 12px;
    color: #e83a3a;
    letter-spacing: 0;
  }
}
.diff-loading,
.single-diff-loading {
  display: flex;
  justify-content: center;
  align-items: center;
}
.choose-sigle-mode-tip {
  margin-top: 60px;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  color: $gray-06;
}

.file-panel.split {
  min-width: 680px;
}

#diff_panel_waterMark_image {
  .file-panel-header {
    background-color: rgba(255, 255, 255, 0.5) !important;
  }
  .diff-widget {
    background-color: rgba(247, 247, 247, 0.5);
  }
  .diff-inline-container {
    background-color: rgba(247, 247, 247, 0.35) !important;
  }
}
